<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#identity1 .box2{
				color: red;
			}
			.box1 .box2{
				color: green;
			}
			
			div ul li p{
				color: blue;
			}
		</style>
	</head>
	<body>
		<!-- 
		1.什么是优先级的权重
		 作用:当多个选择器混合在 一起使用时,我们可以通过计算权重来判断谁的优先级最高
		2.权重的计算规则
		 2.1 首先计算选择器中有多少个id id多的选择器优先级最高
		 2.2 如果id的个数一样 再看类名的个数,类名多的优先级最高
		 2.3 如果类名的个数一样,那么再看标签名称的个数,标签名多的优先级高
		 2.4 如果id个数一样 类名个数一样 标签名也一样,那么谁写在后面听谁的
		
		
		注意点:
		1.只有选择器是直接选中标签的才需要计算权重
		 -->
		
		<div id="identity1" class="box1">
			<ul>
				<li>
					<p id="identity2" class="box2">我是一个段落</p>
				</li>
			</ul>
		</div>
		
		
	</body>
</html>